<template>
  <div :id="id" :class="className" :style="{height:height,width:'100%'}" />
</template>

<script>
import init from './mixins/init'

export default {
  name: 'GaugeChart',
  mixins: [init],
  props: {
    className: {
      type: String,
      default: 'chart'
    },
    id: {
      required: true,
      type: String,
      default: 'gauge-chart'
    },
    title: {
      type: String,
      default: '仪表盘'
    },
    dataSource: {
      type: Array,
      default: function() {
        return []
      }
    },
    width: {
      type: String,
      default: '200px'
    },
    height: {
      type: String,
      default: '300px'
    },
    type: {
      type: String,
      default: 'Gauge'
    }
  }
}
</script>
